<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 事件:事情发生并得到处理
        //    事件源:绑定事件的对象
        //    事件类型
        //    事件处理函数

        //    事件对象 : 记录事情发生的过程 --- 事件处理函数的第一个参数
        //        target  最具体的触发事件的对象  目标源
        //        注意  区分 target和this
        //        坐标

        //    绑定事件的方式
        //        DOM 0级事件   行内   普通
        //        DOM 2级事件   事件监听 addEventListener   --- 不会覆盖，可以绑定多个同类型事件

        //    移除事件的方式
        //        DOM 0级事件   覆盖   = null
        //         DOM 2级事件   事件监听 removeEventListener

        //    常见的鼠标事件  。。。。

    </script>

</body>

</html>